<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="./src/index.css">
	<script type="text/javascript">
		window.onload = function(){
			document.body.style.opacity = 1;
		};
	</script>
</head>
<body>
	<div id="loading" style="display: block;" v-if="gameLoading">
		<div class="loading">
			<div class="dot white"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
			<div class="dot"></div>
		</div>
		<div class="loading-text" v-text="scheduleText">正在加载必要文件...</div>
	</div>
	<!-- 先做单机版 -->
	<div id="game"
		style="display: none;"
		v-show="!gameLoading"
		transition="game"
		v-on:touchstart="onTouchStart"
		v-on:touchend="onTouchEnd"
		v-on:keyup.down="action('bottom')"
		v-on:keyup.left="action('left')"
		v-on:keyup.right="action('right')"
		v-on:keyup.up="action('top')" tabindex="1">
		<div class="fraction">
			<div class="left">
				<div class="lines">使用:<span v-text="userData[0].number"></span>个</div>
				<div class="lines">消除:<span v-text="userData[0].line"></span>行</div>
				<div class="total">金币:<span v-text="userData[0].fraction"></span></div>
			</div>
		</div>
		<ul class="main">
			<li v-for="arr in list">
				<ul>
					<li v-for="block in arr" v-bind:class="block.filling?'filling':''">
						<i v-for="i in 4" v-bind:style="block.style"></i>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</body>
	<script type="text/javascript" src="./lib/vue.min.js"></script>
	<script type="text/javascript" src="./src/index.js"></script>
</html>